<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Angular Progressbar</title>
    <base href="." />
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="assets/icons/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16x16.png">
    <link rel="manifest" href="assets/icons/site.webmanifest">
    <link rel="mask-icon" href="assets/icons/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <meta name="title" content="Angular Progressbar">
    <meta name="description"
          content="A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!">

    <!-- Twitter Card data -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@murhafsousli" />
    <meta name="twitter:title" content="ngx-progressbar" />
    <!-- Page description less than 200 characters -->
    <meta
      name="twitter:description"
      content="A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!"
    />
    <meta name="twitter:creator" content="@murhafsousli" />
    <!-- Twitter Summary card images must be at least 120x120px -->
    <meta property="og:site_name" content="Angular Progressbar">
    <meta property="og:title" content="Angular Progressbar">
    <meta property="og:description"
          content="A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!">
    <meta property="og:url" content="https://ngx-progressbar.netlify.app/">
    <meta property="og:image" content="https://user-images.githubusercontent.com/8130692/72177776-7c602780-33f2-11ea-8761-43f04ecd9025.png">
    <meta property="og:type" content="website">

    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:wght@300;400;500;700&display=swap"
      rel="stylesheet"
    />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <script>
      (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
          (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date();
        a = s.createElement(o),
          m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
      })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
      ga('create', 'UA-81405917-5', 'auto');
      ga('send', 'pageview');
    </script>
    <script src="https://buttons.github.io/buttons.js"></script>
    <script src="https://platform.twitter.com/widgets.js"></script>
  </head>

  <body class="mat-typography">
    <app-root></app-root>
  </body>
</html>
